<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="author" content="陈致财" />
    <title>前端个人网站</title>
    <link rel="stylesheet" href="./css/layui.css">
    <link href="//cdn.bootcss.com/fullPage.js/2.9.0/jquery.fullPage.css" rel="stylesheet">
    <link rel="stylesheet" href="./css/index.css">
</head>

<body>
    <header>
        <div id="logo">
            <div id="header_img"><img src="./images/logo.jpg" alt=""></div>
            <div id="header_p">
                <p id="header_p1">陈致财</p>
                <p id="header_p2">前端工程师</p>
            </div>
        </div>
        <ul class="layui-nav" lay-filter="">
            <li class="layui-nav-item layui-this"><a href="">首页</a></li>
            <li class="layui-nav-item"><a href="">前端框架和插件</a></li>
            <li class="layui-nav-item"><a href="">作品</a></li>
            <li class="layui-nav-item"><a href="">奇技淫巧</a></li>
            <li class="layui-nav-item">
                <a href="javascript:;">生活</a>
                <dl class="layui-nav-child">
                    <!-- 二级菜单 -->
                    <dd><a href="">旅游</a></dd>
                    <dd><a href="">健身</a></dd>
                    <dd><a href="">感想</a></dd>
                </dl>
            </li>
        </ul>
    </header>
    <div id="fullpage">
        <div class="section " id="section0">
            <div id="home_conent">
                <div id="motto">
                    <p>一个人心不专,一切与他有关的东西都变得不真实。</p>
                </div>
                <div>
                    <p>陈致财</p>
                    <p>前端工程师</p>
                    <p>熟悉html、css、javascript</p>
                </div>
            </div>
        </div>
        <div class="section" id="section1">
            <div class="slide" id="slide1">
                <h1>陈致才作品1</h1></div>
            <div class="slide" id="slide2">
                <h1>陈致财作品2</h1></div>
        </div>
        <div class="section" id="section2">
            <h1> <br />经历</h1></div>
        <div class="section" id="section3">
            <h1>联系我</h1></div>
    </div>
    <script src="./lay/lib/jquery-1.11.1.min.js"></script>
    <script src="./lay/lib/jquery-ui.min.js"></script>
    <script type="text/javascript" src="./lay/vendors/scrolloverflow.js"></script>
    <script type="text/javascript" src="./lay/jquery.fullPage.js"></script>
    <script src="./layui.js"></script>
    <script>
    layui.config({
        base: './lay/modules/' //你的模块目录
    }).use('index'); //加载入口
    </script>
</body>

</html>
